<template>
    <div class="header">
        <div class="header-left iconfont">&#xea72;</div>
        <div class="topContent">
            <span @click="$router.push('/infoUser')">我的</span>
            <span class="active">发现</span>
            <span>云村</span>
            <span>视频</span>
        </div>
        <div class="header-right iconfont" @click="$router.push('/search')">&#xe651;</div>
    </div>
</template>

<script>

</script>

<style lang="less" scoped>
    .header{
        width: 100%;
        display: flex;
        height: .8rem;
        justify-content: space-between;
        .header-left{
            font-size: .4rem;
            margin-left: .08rem;
            padding: .2rem;
        }
        .topContent{
            width: 60%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: space-around;
            font-size: .34rem;
            .active{
                font-weight: 800;
                font-size: .38rem;
            }
        }
        .header-right{
            height: 100%;
            font-weight: 800;
            font-size: .4rem;
            padding: .2rem;
        }
    }
</style>